'use strict';

define(function(require,exports,module){
	var React = require('react');
	
	module.exports = React.createClass({
		render:function(){
			var option = this.props.data.map(function(item){
				return <option ref={item.key} value={item.key}>{item.value}</option>
			});
			
			return (
				<form className={this.props.formClass} style={{margin:'5px 0'}}>
					<select value={this.props.selectValue} onChange={this.props.handleChange} className="form-control input">
					<option value="">{this.props.default_value}</option>
					{option}
					</select>
				</form>
			);
		}
	});

});